<template>
    <div id="app">
        <router-view/>
    </div>
</template>
<script>
    export default {
        created() {
            document.title = "在线考试系统"
        },
        methods: {}
    }
</script>
<style lang="scss">
    #app {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height: 100%;
    }

    * {
        box-sizing: border-box;
    }

    html, body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    ::-webkit-scrollbar {
        width: 7px;
        height: 7px;
        background-color: #F5F5F5;
    }

    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: #F5F5F5;
    }

    ::-webkit-scrollbar-thumb {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
        background-color: #c8c8c8;
    }

    .box {
        border-radius: 2px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
    }

    .layui-panel {
        border-left: 5px solid #5FB878;
        background-color: #FAFAFA;
        padding: 15px;
        margin: 15px auto;
        font-size: 14px;
    }

    .search {
        margin: 5px auto;

        .text {
            font-weight: bold;
            font-size: 14px;
            color: #606266;
        }
    }

    .tools {
        margin-bottom: 15px;
    }

    .el-table__header {
        width: 100% !important;
    }

    .el-table__body {
        width: 100% !important;
    }

    .zjz {
        width: 120px;
        height: 150px
    }

    .px {
        padding: 15px 100px;
        overflow: hidden;
    }

    @media screen and (max-width: 678px) {
        .px {
            padding: 15px 10px;
            overflow: hidden;
        }
    }

</style>
